@charset "utf-8";
/*通用样式*/
* {margin: 0;padding: 0;}
html,body {zoom: 1;height: 100%;}
html {-webkit-text-size-adjust: none}
body {
    color: #444444;
    background-color: #FFF;
    font: 14px/1.5 arial,tahoma,'Microsoft Yahei','\5b8b\4f53',sans-serif;
    letter-spacing: 0.5px;
    overflow:hidden;
}
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {margin: 0;padding: 0;}
ul li {list-style-type: none;vertical-align: bottom;}
img {border: 0 none;vertical-align: top;}
a {color: #555;text-decoration: none;outline: none !important;cursor: pointer;vertical-align: middle;}
a:focus,a:hover,a:visited,a.active {text-decoration: none;}
ol,ul {list-style: none outside none;}
li {list-style-type: none;}
label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] {cursor: pointer;}
input[disabled] {background-color: #eee;color: #a0a0a0;}
input[disabled]:hover {background-color: #eee;color: #a0a0a0;}
input.readonly {background-color: #eee;color: #a0a0a0;}
input.readonly:hover {background-color: #eee;color: #a0a0a0;}
input[type='text'].readonly:focus,input[type='password'].readonly:focus,textarea.readonly:focus {border-color: #ddd;outline:none;}
input[disabled].disabled-red,input[disabled].disabled-red:hover { text-indent: 10px; border: 1px solid #ebc9c9; background-color: #fff7f6; color: #e54545; }
textarea {overflow: auto;vertical-align: top;}
textarea,input { word-wrap: break-word; word-break: break-all; vertical-align: top; font-family: Arial, "微软雅黑", "宋体", "Microsoft YaHei", sans-serif; }
a,input {outline: 0 none;}
label {vertical-align: middle}
input[type='text'],input[type='password'],textarea,select {border: 1px solid #DDD;padding :0 5px;border-radius: 2px;}
input[type='text']:focus,input[type='password']:focus,textarea:focus {border: 1px solid #9e9e9e;outline:none;}
input[type="radio"],input[type="checkbox"] {vertical-align: middle;}
table {table-layout: fixed;}
object{outline: 0 none;}
select[disabled='disabled'],input[disabled='disabled']{
    background-color: #EEE;
    cursor: default;
}

.clearfix {display: block;zoom: 1;overflow: hidden;}
.clearfix:after { content: "."; font-size: 0; display: block; height: 0; clear: both; visibility: hidden; }
::-webkit-input-placeholder { color:#999;padding-left: 5px }
::-moz-placeholder { color:#999;padding-left: 5px }
:-ms-input-placeholder { color:#999;padding-left: 5px }
input:-moz-placeholder { color:#999;padding-left: 5px }
.no-select{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.scan-context{ height: calc(100% - 90px); width: 100%; overflow: auto; }
.scan-row{ min-height: 35px; width: 100%; line-height: 30px; display: block; margin: 10px 0; }
.scan-row .scan-label{ float: left; width: 30%; text-align: right; }
.scan-row .scan-text{ float: left; width: calc(70% - 10px);margin-left: 10px;}

.inputForm-row { margin-bottom: 10px; width: 100%; display: inline-block;}
.inputForm-row > label:first-child { margin: 0 10px 0 0; line-height: 35px; min-width: 100px; text-align: right; }
.inputForm-row input[type="text"]{ margin: 0; height: 35px; padding: 0 5px; font-size: 15px; }
.inputForm-row span.ex { color: red; margin-left: 10px; display: none; }

input::-webkit-input-placeholder {
    color:#cccccc;
}
input:-moz-placeholder {
    color:#cccccc;
}

/* 层级下拉框样式 */
.selectBox{ width: 150px; padding: 0 5px; position: relative}
.selectBox a{ outline: none; height: 20px; padding-left: 2px; width: 100% }
.selectBox a:hover{ background-color: #88aed4; cursor: pointer; }
.selectBox input{ font-size: 14px; width: 100%; height: 22px; margin: 0; padding: 0; }
.selectBox>ul{ margin: 0; padding: 0;width: calc(100% + 10px); border: 1px solid #646464; overflow: auto; max-height: 300px; }
.selectBox ul{ background-color: #ECEFF5; list-style: outside none none; }
.selectBox ul li{ width: 100% ;line-height: 25px;}
.selectBox ul li i{ margin: 0 2px 0 4px; cursor: default; }
.selectBox .down-icon{margin: 0; padding: 0; position: absolute; float: right; right: 7px; top: 12px; cursor: pointer;}
/* 层级下拉框样式 */

/*****************************************pop common****************************/
.dialog-center.pop-box.pop-mask{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); top: 0; left: 0; }
.dialog-center.pop-box.pop-dialog{ z-index: 999;overflow: auto; }
.pop-box.pop-confirm{ z-index: 1000; }
.pop-box.pop-alert{ z-index: 1001; }
.dialog-center.pop-box > .box-dialog{ background-color: #FFF; position: absolute; min-height: 200px; /*border: 1px solid #B7B7B7; */}
.dialog-center .box-dialog>.pop-head{ height: 36px;padding: 0 25px;color:#fff; font-size: 15px;line-height:36px;background:#1f92e3}
.dialog-center .pop-close{ float: right; font-size: 20px; color:#fff; cursor: pointer; }
.dialog-center .pop-footer .btn{ height: 30px; width: 80px; }
.dialog-center .pop-footer{ height: 58px; text-align: center; line-height:58px; background-color: #FFF;border-top:1px solid #dddddd}
.dialog-center .pop-container{ height: calc(100% - 97px);color:#777; width: 100%;overflow: auto;min-height: 110px;background-color: #FFF}
/***************************迷你提示pop***************************/
.easy-hint{ position: fixed; width: 100%; top: 56px; text-align: center; z-index: 999; overflow: hidden;display: none}
.hint-body{ background-color: rgba(0, 0, 0, 0.49); color: #FFF; display: inline-block; z-index: 1000; font-size: 15px; text-align: center; padding: 8px 45px; cursor: default; }
/***************************迷你提示pop***************************/
/***************************************************************************/
.dialog-right.pop-box{width:400px;height: calc(100% - 88px);;position: absolute;top:71px;right: -405px;z-index: 1000;background: #FFF;color: #000;box-shadow: 1px 3px 7px 0 #6F6F6F;}
.dialog-right .pop-header{height:40px;line-height:40px;color: #797979;font-size: 16px;padding: 0 15px;background-color:#19A1FF }
.dialog-right .pop-header i{color: #fff;margin: 0 10px;}
.dialog-right .pop-title{height: 40px; line-height: 40px; color: #FFF; font-size: 15px;}
.dialog-right .pop-title.selected{border-bottom: 4px solid #fd6d64;}
.dialog-right .pop-close{ color: rgb(255, 255, 255); font-size: 25px; cursor: pointer; float: left; }
.dialog-right .pop-container{height: calc(100% - 100px);}
.dialog-right .pop-footer{padding: 12px 0; background-color: #fff; text-align: center;border-top: 1px solid #DDD;}
.dialog-right .pop-btn{ width: 100px; height: 35px; line-height: 34px; font-size: 14px; color: #fefefe; text-align: center; cursor: pointer; display: inline-block; margin: 0 8px; border-radius: 4px; }
.dialog-right .pop-ok{ background-color: #24A2FF; }
.dialog-right .pop-cancel{ background-color: #85898C; }
.box-alert{width: 350px;height: 150px;background: #fff;box-shadow: 0 0 10px 2px #605e5e;position: absolute;top: 50%;left: 50%;margin: -75px 0 0 -175px;z-index: 808;}
.pop-alert-container{width:100%;height: 60px;line-height: 20px;text-align: center;padding: 25px 0;color: #797979;}
.box-alert-foot{width:100%;height:40px;background-color: #fff;text-align: center;}
/*****************************************pop common****************************/

/*时间控件 start*/
.datetimepicker{background-color:rgba(125, 125, 125, 0.8) !important;}/*时间控件背景色*/
.datetimepicker-days,.datetimepicker-months{background:#fff;color:#282828;}
.table-condensed thead{color:#fff;}
.datetimepicker .datetimepicker-months table tr td span:hover,.datetimepicker .datetimepicker-days table tr td.day:hover{background:#5DC9F0;color:#fff;}

.datetimepicker-months .table-condensed thead tr:first-child th:hover,.datetimepicker-months tfoot tr:first-child th:hover,.datetimepicker-days .table-condensed thead tr:first-child th:hover,.datetimepicker-days tfoot tr:first-child th:hover{background:#eeeeee}
.datetimepicker .datetimepicker-days table tr td.day:hover,.datetimepicker .datetimepicker-months table tr td.day:hover,.datetimepicker table tr td span:hover{background:#bbb4b4 !important;}
.datetimepicker .datetimepicker-days table tr td.day.active,.datetimepicker .datetimepicker-months table tr td.day.active{background:#5DC9F0}
.datetimepicker .datetimepicker-days table tr td.day.active:hover,.datetimepicker .datetimepicker-months table tr td.day.active:hover{background:#5DC9F0 !important;color:#fff}
.datetimepicker .table-condensed thead tr{color:#797979}
.datetimepicker .table-condensed{background:#fff !important;}
.datetimepicker table tr td span.month.active.active, .datetimepicker table tr td span.month.active:hover.active,.datetimepicker table tr td span.active{background:#5DC9F0 !important;color:#fff;}
.datetimepicker-dropdown-bottom-left:before,.datetimepicker-dropdown-bottom-left:after {border: solid transparent;content: ' ';height: 0;right:15px;position: absolute;width: 0;}
body .datetimepicker-dropdown-bottom-left:after {border-width:8px;border-bottom-color:#fff;top:-12px;right:8px}
body .datetimepicker-dropdown-bottom-left:before {border-width:10px; border-bottom-color:rgba(125, 125, 125, 0.8);top:-18px;}
body .datetimepicker table tr td.day.disabled, .datetimepicker table tr td.day.disabled:hover{background: none!important;color: #999999;cursor: default;}

/* 此处为重写bootstrap css 为本项目定制 begin */
button{outline: none !important;}
button.btn-primary { color: #fff; background-color: #1CA8D6;border-radius: 3px; }
.btn-primary:hover { opacity: 0.8;border: 1px solid #51B6D6 }
.btn-primary:focus { border: 1px solid #51B6D6 }
.btn-empty { color: #FFF;background-color: rgba(255, 255, 255, 0); }
.btn-blue{ background-color: #22a3fd; color: #FFF; }
.btn-green{ background-color: #31d0bf; color: #FFF; }
.btn-red{ background-color: #ff2736; color: #FFF; }
.btn-yellow{ background-color: #efa902; color: #FFF; }
.btn-gray{ background-color: #BBBABA; color: #FFF; }
.btn:hover{opacity:0.8}
button.btn-default.blue-hover:hover{
    animation: blueHover 0.4s forwards;
}
@keyframes blueHover {
    0% {background-color: #FFF;color:#666;}
    100% {background-color: #4FBFE6;color:#FFF;border: 1px solid #4FBFE6;}
}
@keyframes yellowHover {
    0% {background-color: #FFF;color:#666;}
    100% {background-color: #F6CB0A;color:#FFF;border: 1px solid #F6CB0A;}
}
/*.btn:focus,.btn:hover{color: #FFF;}*/
.btn{ padding: 2px 10px;border-radius: 3px;}
/* 此处为重写bootstrap css 为本项目定制 end */
/*时间控件 end*/

/*  mask loading begin */
.mask-loading{ position: absolute; width: 100%; height: calc(100% - 40px); z-index: 99999; top: 40px; display: none; background: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; }
.loader-inner{position: absolute;width: 120px;height: 60px;top :50%;left: 50%;text-align: center;font-size: 20px;margin-left: -60px;margin-top: -30px;}
@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {-webkit-transform: scaley(1);transform: scaley(1);}
    80% {-webkit-transform: scaley(0.3);transform: scaley(0.3);}
    90% {-webkit-transform: scaley(1);transform: scaley(1);}
}
@keyframes line-scale-pulse-out-rapid {
    0% {-webkit-transform: scaley(1);transform: scaley(1);}
    80% {-webkit-transform: scaley(0.3);transform: scaley(0.3);}
    90% {-webkit-transform: scaley(1);transform: scaley(1);}
}
.line-scale-pulse-out-rapid > div {
    background-color: #8d8d8d;
    width: 6px;height: 60px;border-radius: 2px;margin: 2px;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;display: inline-block;-webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
}
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;animation-delay: 0.25s !important;
}
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;animation-delay: 0.5s !important;
}
/*  mask loading end */

/*****************************************table common start****************************/
/* 表头固定CSS begin */
.fixed-table{height:100%;min-width:100%;overflow-x: auto;overflow-y: hidden;position: relative;/*border:1px solid #dddddd;*/}
.fixed-table-head{height: 38px;display: none;position: absolute;z-index: 10;border-bottom: 1px solid #ddd;border-collapse:collapse;}
.fixed-table-head > div{ padding:12px 8px;height: 100%;  display: table-cell;border: 1px solid #ddd; text-align: center;vertical-align: middle;}
.fixed-table-body{width: 100%; height:100%;color:#282828;overflow: auto; background-color: #fff;}
.fixed-table i.hearer-fa{display: none;}
.fixed-table .fixed-table-head>div{word-break: keep-all;}
.fixed-table-body table{position: relative;}
.fixed-table-body table tbody tr td {border: 0 solid #ddd;color:#444444;word-break: keep-all;white-space:nowrap;}
.fixed-table-foot{width: calc(100% - 2px);height:50px;background-color: #f5f6fa;border-top: 1px solid #ddd;padding-top: 7px;color: #282828;}
.fixed-table-foot a{color: #282828;}
.table>thead:first-child>tr:first-child>th{padding:12px 8px;color: #fff;font-weight: normal;text-align: center;border:none;word-break: keep-all;}
.fixed-table-body table tbody tr {/*background: #e9eff3;*/border-bottom:1px solid #dddddd;}
.fixed-table-body>table>tbody>tr:hover {background: #e1e2e3;}
.fixed-table-body thead { color: #797979;/*border-bottom: 1px solid #dddddd;*/background-color: #f5f6fa;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:1px solid #eff0f2;}
.fixed-table-head div{position: relative;background-clip: padding-box;}
.fixed-table-head div[data-sort='1']{cursor: pointer}
.fixed-table .fixed-table-head div{border: 0;text-align: center;}
.fixed-table .fixed-table-head{height: 37px;background-color: #f5f6fa;}
.child-department-member .fixed-table-body table tbody tr:last-child{border-bottom: 0;}
.floder-list .fixed-table{-moz-user-select: -moz-none;-moz-user-select: none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.fixed-table-body table tbody tr:hover{cursor: default;}
.fixed-table-body .table-bordered>thead>tr>th{border-color:#CCC;}
.page-block.active{ background-color: #f5cb33 !important; color: #FFF; cursor: default; }
.table-property{ overflow: hidden; display: inline-block; cursor: pointer; font-size: 15px}
.table-property.check-all>.table-checkbox{ background-color: #4FBFE6; border: 1px solid #FFF !important; }
.table-property .table-checkbox {border-radius: 2px;background-color: #FFF; border: 1px solid #999 ; float: left; height: 16px; width: 16px; }
.table-property .table-checkbox.active{ background: url("../images/images/checked_v2.png") center center no-repeat; }
.table-property .table-checkbox-text{ float: left; width: auto; height: 18px; line-height: 17px; color: #777; padding-left: 3px; }
/* pop下table样式 begin */
.pop-box .fixed-table-body { background-color: #FFF; }
.pop-box .fixed-table-body table tbody tr { background: #FFF; border-bottom: 1px solid #DDD; }
.pop-box .fixed-table-head > div ,.pop-box .table > thead:first-child > tr:first-child > th { padding:8px 8px; }
.pop-box .fixed-table-body>table>tbody>tr:hover {background: #d7e0e7;}
/* pop下table样式 end */
/* page css begin */
.page-con > .form-control{width:37px;display:inline-block;height:29px; margin:0 5px; padding: 0;text-align: center;}
.page-con > .btn{padding: 0 5px;background:none !important;border: 1px solid #e6e6e6 !important;color:#444444;width:32px;height:31px;}
.page-con {text-align:right;padding-right: 19px !important;position: relative;top:6px;}
.pageAct,.show-page,.pageCount,.records{padding:0 5px;}
.backNext{padding:0 15px;}
.page-con a{margin: 0 5px;}
.change-pagesize{width: 196px;height: 112px;position: absolute;background-color: #d8d5d5;z-index: 11;}
.change-pagesize div{width: 64px;height: 27px;border-right: 1px solid #c0bfbf;border-bottom: 1px solid #c0bfbf;float: left;text-align: center;line-height: 28px;color: #282828;cursor: pointer;}
.change-pagesize div:hover{background-color: #0286c7;color: #fff;}
.change-item-left{border-left: 1px solid #c0bfbf;}
.change-item-top{border-top: 1px solid #c0bfbf;}
.page-con .special-color{color: #282828;}
/************分页***********/
.page-num{display:inline-block;}
.page-num a,a.backNext{border:1px solid #e5e5e5;padding:4px 10px;display:inline-block;}
.page-num a.first-num{margin: 0;}
.page-num a:hover,.page-num a.on,a.backNext:hover{background:#777879;border-color:#fff;color:#fff}

/************分页***********/
.menu-caret-down{position: absolute;right: 0;top:0;border-left:1px solid white;padding:0 5px;height:38px;line-height: 38px;}
.menu-caret-down:hover{cursor: pointer}
/* 表头固定CSS end */
/*排序按钮*/
i.hearer-fa{margin-right: 10px;display:inline-block;}
/*排序按钮*/
/*表头弹出菜单*/
.tableHeaderMenu{background-color: #D2D2D2;color: #202020;height: auto;width: auto;border: none;position: absolute;display: none;z-index: 200;min-width: 100px;font-size: 14px}
.tableMenu{position: absolute;padding: 0;margin: 0;z-index: 200;}
.tableMenu a{text-decoration: none;color:#fff;}
.tableMenu li ul {display: none;position: absolute;padding: 0; margin: 0;/*border:1px solid #5BA1D8;*/ max-height: 250px;overflow-y: auto;overflow-x: hidden;}
.tableMenu a i.fa{font-size: 12px;padding-right: 5px;}
.tableMenu li ul li{width: 200px;}
.tableMenu li ul li a{padding-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:180px;display: inline-block}
.tableMenu li{text-decoration: none;color: white;background: #36B1F9;width:100px;height:30px;line-height: 25px;padding-left:10px; list-style: none;position: relative;text-align: left;}
.tableMenu li:hover {background: #0089E7;}
/*表头弹出菜单*/
/*****************************************table common end****************************/
/*  my scrollbar begin */
::-webkit-scrollbar{width: 10px;height: 10px;}
::-webkit-scrollbar-track{width:10px;border-radius:4px;background-color:#dddddd;}
::-webkit-scrollbar-thumb{border-radius:4px;border:1px solid white;background:#a29f9f;}
::-webkit-scrollbar-button{display:none;}
/*html {SCROLLBAR-ARROW-COLOR: #FFFFFF;SCROLLBAR-FACE-COLOR: #1b3c4d;SCROLLBAR-DARKSHADOW-COLOR: #0B2432;SCROLLBAR-HIGHLIGHT-COLOR: #4c7991;SCROLLBAR-3DLIGHT-COLOR: #346077;SCROLLBAR-SHADOW-COLOR: #0B2432;SCROLLBAR-TRACK-COLOR: #122b37;}*/
html {SCROLLBAR-ARROW-COLOR: #606060;SCROLLBAR-FACE-COLOR: #CDCDCD;SCROLLBAR-DARKSHADOW-COLOR: #CDCDCD;SCROLLBAR-HIGHLIGHT-COLOR: #F0F0F0;SCROLLBAR-3DLIGHT-COLOR: #F0F0F0;SCROLLBAR-SHADOW-COLOR: #F0F0F0;SCROLLBAR-TRACK-COLOR: #F0F0F0;}
/*  my scrollbar end */

/* index css begin */
.main{ height: 100%; width: 100%; overflow: hidden; min-width: 1360px;position: relative;color: #666;}
.top_head{ height: 55px; width: 100%; position: relative;z-index:101; box-shadow: 0 1px 4px 0 #D4D4D4; background-color: #FFF; }
.head-block-1{ height: 100%; width: 360px; background: url('../images/images/headText.png') center center no-repeat; float: left}
.head-block-2{ height: 100%; float: left; margin-left: 10%; }
.head-block-2 .header-module{ height: calc(100% - 3px); float: left; border-bottom: 3px solid #FFF; line-height: 52px; font-size: 17px; margin: 0 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.header-module.active{ border-bottom: 3px solid #10A1FF; color: #10A1FF; }
.main_body{ height: calc(100% - 55px); width: 100%;clear: both;overflow: auto}
.userInfo{ float: right; height: 100%; width: 200px; }
.username,.loginOut{ height: 100%; float: left; margin-right: 20px; }
.username{ cursor: default; }
.loginOut{ cursor: pointer; }
.username-icon,.loginOut-icon{ height: 100%; width: 20px; float: left; }
.username-icon{ background: #FFF url("../images/images/userIcon.png") center 25px no-repeat; }
.loginOut-icon{ background: #FFF url("../images/images/loginout.png") center 25px no-repeat; }
.username-text,.loginOut-text{ float: left; height: 100%; line-height: 68px; font-size: 15px; margin-left: 3px; }
.username-text{ color: #10A1FF; }
.loginOut-text{ color: #F7CE25; }
/* index css end */

/*======================= 公用Body css start =======================*/
.commonBody-body{width:100%;height:100%;}
.commonBody-leftMenu{width:200px;float:left;height:100%;background-color:#3d464d;position:relative;z-index:100;}
.common-menu-box a.menu,.common-menu-head{height:40px;line-height:40px;text-align:center;}
.common-menu-head{width:100%;color:#b2b2b0;background:#485059;}
.common-menu-box{width:100%;height:calc(100% - 113px);overflow-y:auto;border-bottom:1px solid #31383e;}
.common-menu-box a.menu{display:inline-block;color:#fff;width:calc(100% - 8px);padding-right:4px;border-left:4px solid #3d464d;}
.common-menu-box a.menu:hover,.common-menu-box a.menu.on{background-color:#292e32;color:#229ff6;border-left-color:#229ff6;}
.common-foot{width:100%;padding:10px 0;height:50px;border-top:1px solid #51595f;}
.common-foot div{width:100%;line-height:25px;font-size:12px;color:#b2b2b0;text-align:center;}
.commonBody-rightBody{float:left;width:calc(100% - 200px);height:100%;}
/*======================= 公用Body css end =======================*/

/* overview css begin */
.overview-body{width: 100%; min-height: calc(100% - 30px); background-color: #F1F5F8;}
.slider-body,.my-table-content,.overview-foot{ padding: 0 calc((100% - 1000px)/2); overflow: hidden; }
.slider-body{ background-color: #FFF; }
.my-visitor-table{ margin: 15px 0; background-color: #FFF; padding: 10px;}
.my-visitor-table .my-header{cursor: default; width: 100%; height: 35px; font-size: 16px; color: #10A1FF; font-weight: 700; line-height: 34px; border-bottom: 1px solid #DDD; margin-bottom: 7px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.my-visitor-table .my-table{ width: 100%; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; }
.my-visitor-table .my-table table{ width: 100%; }
.my-visitor-table .my-table table td,.my-visitor-table .my-table table th{ text-align: center; }
.my-visitor-table .my-table table tr{ height: 35px; border-bottom: 1px solid #DDD; }
.my-visitor-table .my-table table tbody tr:last-child{ border-bottom: 0; }
.my-visitor-table .my-table table thead{ background-color: #F5F6FA}
.overview-foot{ background-color: #F1F5F8;text-align: center; color: #CCC; height: 30px; line-height: 29px; }
.red{ color: #FF0000; }
.blue{ color: #10A1FF; }
.my-foot{ background-color: #F5F6FA;overflow: hidden; height: 29px; padding: 5px 0;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.my-foot .my-page{ float: right; height: 25px; width: 25px; background-color: #FFF; border-radius: 3px; margin-right: 10px; text-align: center; line-height: 24px; cursor: pointer; border: 1px solid #DDD; }
.my-foot .my-page:not(.active):hover{ animation: yellowHover 0.3s forwards; }
.my-foot .my-page.active{ background-color: #F6CB0A; border: 1px solid #F6CB0A; color: #FFF; }
/* overview css end */

/* company css begin */
.company-body{
    margin: 15px;
    height: calc(100% - 62px);
    width: calc(100% - 62px);
    background-color: #FFF;
    border: 1px solid #DFDFE0;
    padding: 15px;
}

.settingBody{
    width: 100%;
    height: calc(100% - 71px);
    overflow: auto;
}
#myCompanyInfo{
    width: 100%;
    height: 100%;
}
.settingBody .myLine{
    width: 1px;
    background-color: #DDD;
    float: left;
    height: calc(100% - 135px);
    position: relative;
    top: 100px;
}
.settingBody .setting-block{
    width: calc(50% - 81px);
    height: 100%;
    float: left;
    padding: 0 40px;
}
.setting-block .setting-header{
    width: 100%;
    height: 49px;
    border-bottom: 1px solid #DDD;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}
.setting-block .setting-header{
    width: 100%;
    height: 49px;
    border-bottom: 1px solid #DDD;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #10A1FF;
}
.setting-block .setting-content{
    width: 100%;
    height: calc(100% - 70px);
    padding-top: 20px;
}
.showLogo{
    display: inline-block;
    height: 130px;
    width: 250px;
    border: 1px solid #DDD;
    padding: 5px;
}
.showLogo>img{
    width: 100%;
    height:100%;
}
.co-imageBlock{
    border: 1px solid #DDD;
    border-radius: 1px;
    height: calc(50% - 92px);
    width: calc(50% - 32px);
    margin: 15px;
    float: left;
    background: url("../images/images/emptyImg.png") center center no-repeat;
    position: relative;
}
.co-imageBlock>input{
    display: none;
}
.co-imageBlock>img{
    width: 100%;
    height: 100%;
}
.co-imageBlock>.img-mask{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 10;
    top: 0;
    text-align: center;
    display: none;
}
.co-imageBlock.on:hover>.img-mask{
    display: block;
}
.img-mask>i{
    font-size: 25px;
    background-color: rgba(201, 201, 201, 0.6);
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    top: calc(50% - 18px);
}
.img-mask>i:hover{
    background-color: #C9C9C9;
}

.setting-foot{
    width: 100%;
    text-align: center;
    height: 70px;
    border-top: 1px solid #DDD;
    line-height: 70px;
}
.setting-foot .settingBtn{
    padding: 7px 25px;
}
/* company css end */

/* department css begin */
.department-body{
    margin: 15px;
    height: calc(100% - 32px);
    width: calc(100% - 32px);
    background-color: #FFF;
    border: 1px solid #DFDFE0;
}
.department-rightBody{
    height: 100%;
    width: 299px;
    border-right: 1px solid #DDD;
    float: left;
}
.search-header{
    height: 39px;
    padding: 12px 0;
    border-bottom: 1px solid #DDD;
    margin: 0 15px;
}
#departmentSearch{
    height: 36px;
    width: calc(100% - 12px);
    padding: 0 5px;
    font-size: 15px;
}
.treeBody{
    height: calc(100% - 95px);
    padding: 15px;
    overflow: auto;
}
.ztree li span.button.level01_ico_open,.ztree li span.button.level01_ico_close,.ztree li span.button.level01_ico_docu{
    background: url("../images/images/treeLevel_01.png") center center no-repeat;
}
.ztree li span.button.level02_ico_open,.ztree li span.button.level02_ico_close,.ztree li span.button.level02_ico_docu{
    background: url("../images/images/treeLevel_02.png") center center no-repeat;
}

.department-leftBody{
    float: left;
    height: calc(100% - 20px);
    width: calc(100% - 350px);
    padding: 10px 25px;
    overflow: auto;
}
.activeDepartment-header{
    width: 100%;
    height: 54px;
    border-bottom: 1px solid #DDD;
    line-height: 52px;
}
#editDepartment,#deleteDepartment{
    /*display: inline-block;*/
    height: 34px;
    width: 90px;
    position: relative;
    top: -4px;
    margin-left: 20px;
    display: none;
}
.activeDepartment-link{
    overflow: hidden;
    height: 30px;
    margin: 5px 0;
    line-height: 30px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.activeLink span:nth-child(1).back{
    /*cursor: pointer;*/
    cursor: default;
}
.activeLink span.back{
    color: #10A1FF;
}
.activeLink span{
    display: inline-block;
    margin: 0 5px;
    cursor: default;
}
.activeLink{
    float: left;
}
.child-department,.child-department-member{
    margin: 10px 0;
    float: left;
    width: 100%;
}
.insertLine{
    height: 3px;
    width: 100%;
    background-color: #6ca6e9;
    position: relative;
    top: -2px;
    box-shadow: 0 0 6px 0 #6ca6e9;
    display: none;
}
.child-department-header>div{
    float: left;
    font-size: 20px;
    height: 100%;
    line-height: 39px;
    margin-right: 6px;
}
.child-department-header{
    height: 40px;
    margin-bottom: 10px;
    cursor: default;
}
.child-department-header .cIcon{
    background: url("../images/images/level_01.png") center center no-repeat;
    width: 25px;
}
.child-department-header .bIcon{
    background: url("../images/images/level_02.png") center center no-repeat;
    width: 25px;
}
.child-department-body{
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    position: relative;
}
.childDepartment-block:not(.moving):hover{
    animation: grayHover 0.5s forwards;
}
@keyframes grayHover {
    0% {background-color: #FFF;color:#666;}
    100% {background-color: #E1E2E3;}
}
.childDepartment-block.moving{
    cursor: move;
}
.childDepartment-block{
    height: 40px;
    line-height: 39px;
    border-bottom: 1px solid #DDD;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0 20px;
}
.childDepartment-block:last-child{
    border: 0;
}
.department-memberTable{
    width: 100%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.employee-info>label{
    width: 70px;
    min-width: 0 !important;
}
.employee-info>input{
    width: 260px;
}
.inputForm-row.department-info>label{
    width: calc(100% - 40px);
    text-align: left;
    padding: 0 20px;
}
.inputForm-row.department-info>input{
    margin: 0 20px;
    width: calc(100% - 50px);
}
.inputForm-row.employee-info>select{
    width: calc(100% - 128px);
    margin-left: 5px;
    height: 35px;
}
.inputForm-row.department-info>select{
    width: calc(100% - 38px);
    margin: 0 20px;
    height: 35px;
}
#saveDepartment{
    color: #777; margin-top: 8px;margin-left: 5px;opacity:0;
    display: none;
}
.saveDepartment-show{
    overflow: hidden;
    animation: saveDepartmentShow 1s forwards;
}
@keyframes saveDepartmentShow {
    0% {opacity: 0;width: 0}
    100% {opacity: 1;width:60px }
    /*0% {opacity: 0;height: 0}
    100% {opacity: 1;height:26px }*/
}
.saveDepartment-hide{
    overflow: hidden;
    animation: saveDepartmentHide 1s forwards;
}
@keyframes saveDepartmentHide {
    0% {opacity: 1;width: 60px}
    100% {opacity: 0;width:0 }
    /*0% {opacity: 1;height: 26px}
    100% {opacity: 0;height:0 }*/
}
/* department css end */
